/*通配选择器*/
*{ magrin:0px;padding:0px}
.demo *{background: orange;}

/*元素选择器*/
ul {background: gray;}
li{
	list-style: none outside none;
	float: left;
	height: 20px;
	line-height: 20px;
	width: 20px;
	border-radius:10px;
	text-align: center;
	background: #f36;
	color:green;
	margin-right: 5px;
}

/*类选择器*/
div.block{
	width: 100px;
	height: 100px;
	background: orange;
}
p.block{
	width: 100px;
	height: 100px;
	background: orange;
}

/*动态伪类选择器*/
.btn{
	background-color:#0074cc;
	*background-color: #0055cc;
	background-image : -ms-linear-gradient(top,#0088cc,#0055cc);
	background-image:-moz-linear-gradient(top,#0088cc,#0055cc);
	background-image:-o-linear-gradient(top,#0088cc,#0055cc);
	background-image:-web-linear-gradient(top,#0088cc,#0055cc);
	background-image:-webkit-gradient(linear,0 0 ,0 100%,from(#0088cc),to(#0055cc));
	background-image:linear-gradient(top,#0088cc,#0055cc);
	background-repeat:repeat-x;
	display:inline-block;
	*display:inline;
	border: 1px solid #ccc;
	*border:0px;
	border-color:#ccc;
	border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	border-radius : 6px;
	color: #fff;
	cursor:pointer;
	font-size:20px;
	font-weight:normal;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorster='#0088cc',endColorster='#0055cc',GradientType = 0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	line-height: normal;
	padding: 14px 24px;
	text-align: center;
	text-shadow:0 -1px 0 rgba(0,0,0,.25);
	text-decoration:none;
	vertical-align:middle;
	*zoom:1;
}
/*点击时按钮效果*/
.btn:active{
	background-color:#0055cc;
	*background-color:#004ab3;
	background-color: #004099 \9;
	background-image:none;
	outline: 0;
	box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
	color: rgba(255,255,255,0.75);
}

.btn:focus{
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

/*目标伪类选择器*/
